<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div id="p1"><span contentEditable="true">span</span><div id="b1">Hello</div> World</div>
</body>
<script>
    var oP1 = document.getElementById('p1')
        var oB1 = document.getElementById('b1');
        var oRange = document.createRange();
    oRange.setStart(oB1.firstChild, 2); // 设置range的“起点”
    oRange.setEnd(oP1.lastChild, 3);    // 设置range的“结束点”
    alert(oRange.startOffset);          //  2，可看到“起点”在<b id="b1">Hello</b>应是第三个字符。
    alert(oRange.startContainer);       // 元素oB1.firstChild，文本节点
</script>
</html>
